/**
 * Created by YAY on 2017/8/1.
 */
import { Component, Input } from '@angular/core';

import { Hero } from './hero';
@Component({
  selector: 'hero-detail',
  template: `<div *ngIf="hero">
                <h2>{{hero.name}} details!</h2>
                <div><label>id: </label>{{hero.id}}</div>
                <div>
                    <label>name: </label>
                    <input [(ngModel)]="hero.name" placeholder="name"/>
                </div>
             </div>`
})

export class HeroDetailComponent {
  @Input() hero: Hero;
}
